<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 判断是否存在图书数据，如果存在则遍历显示，否则显示提示信息 -->

{% if book_list %}
    
    <!-- 遍历图书列表，为每本书创建⼀个显示区域 -->
    {% for book in book_list %}
        <div class="book">
            <div class="book-title">{{ book.title }}</div>
            <div class="book-author">作者: {{ book.author }}</div>
            <div class="book-price">价格: ¥{{ book.price }}</div>
            <!-- 如果存在出版⽇期，则显示出版⽇期信息 -->
            {% if book.publish_date %}
                <div>出版⽇期: {{ book.publish_date }}</div>
            {% endif %}
        </div>
    {% endfor %}
{% else %}
    <p>暂⽆图书信息。</p>
{% endif %}

</body>
</html>